<template>
  <RouterLink to="/player" class="full-screen">
    <div>
      <CardChannel v-for="image in images" :key="image.id" :image="image" />
    </div>
  </RouterLink>
</template>

<script setup lang="ts">
import CardChannel from "../components/CardChannel.vue";

const images = [
  { id: 1, url: "https://codelover.club/coursefiles/images/film/广告.jpeg", title: "#广告", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/搞笑.jpeg", title: "#搞笑", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/实验.jpeg", title: "#实验", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/励志.jpeg", title: "#励志", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/动画.jpeg", title: "#动画", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/剧情.jpeg", title: "#剧情", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/创意.jpeg", title: "#创意", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/旅行.jpeg", title: "#旅行", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/时尚.jpeg", title: "#时尚", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/汽车.jpeg", title: "#汽车", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/混剪.jpeg", title: "#混剪", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/游戏.jpeg", title: "#游戏", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/爱情.jpeg", title: "#爱情", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/生活.jpeg", title: "#生活", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/科幻.jpeg", title: "#科幻", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/纪录.jpeg", title: "#记录", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/美食.jpeg", title: "#美食", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/运动.jpeg", title: "#运动", tags: ["city", "architecture"] },
  { id: 1, url: "https://codelover.club/coursefiles/images/film/音乐.jpeg", title: "#音乐", tags: ["landscape", "nature"] },
  { id: 2, url: "https://codelover.club/coursefiles/images/film/预告.jpeg", title: "#预告", tags: ["city", "architecture"] },
];
</script>

